<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>百度前端学院任务一</title>
	<link rel="stylesheet" type="text/css" href="renwu1main.css">
</head>
<body>
	<div id="webHead">
	<img src="IMG_2272.jpg" />
	<nav>
		<ul>
			<li><a href="#">导航链接一</a></li>
			<li><a href="#">导航链接二</a></li>
			<li><a href="#">导航链接三</a></li>
			<li><a href="#">导航链接四</a></li>
		</ul>
	</nav>
	</div>
	<article>
		<h1>文章一级标题</h1>
		<h3>文章二级标题</h3>
		<p>文章作者 发表时间</p>
		<p>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，<br/>换行了<br/>
		这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落,换行了<br/>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落<a href="#">这里有一个链接连接到百度</a>这是一个很长的段落，这是一个很长的段落<b>这里有几个粗体字</b>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落</p>
		<img src="IMG_0319.jpg">
		<p>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，换行了<br/>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，<a href="#" target="_blank">打开新窗口链接到百度</a> ，这是一个很长的段落<b>这里又有几个粗体字了</b>这是一个很长的段落，这是一个很长的段落，这是一个很长的段落，这是一个很长的段落</p>
		</article>

		<article>
		<h1>另一篇文章一级标题</h1>
		<h3>文章二级标题</h3>
		<p>
		<span>文章作者</span>
		<span>发表时间</span>
		</p>
		<img src="IMG_0319.jpg">
		<ul>
			<li>列表项目一</li>
			<li>列表项目二</li>
			<li>列表项目三</li>
		</ul>
		</article>
		
		<article>
		<h2>图片</h2>
		<figure>
			<figcaption>哆啦A梦</figcaption>
			<img src="IMG_0319.jpg"/>
		</figure>
		<figure>
			<figcaption>哆啦A梦</figcaption>
			<img src="IMG_0319.jpg"/>
		</figure>
		<figure>
			<figcaption>哆啦A梦</figcaption>
			<img src="IMG_0319.jpg"/>
		</figure>
		<figure>
			<figcaption>哆啦A梦</figcaption>
			<img src="IMG_0319.jpg"/>
		</figure>
		<figure>
			<figcaption>哆啦A梦</figcaption>
			<img src="IMG_0319.jpg"/>
		</figure>
		<figure>
			<figcaption>哆啦A梦</figcaption>
			<img src="IMG_0319.jpg"/>
		</figure>
		<figure>
			<figcaption>哆啦A梦</figcaption>
			<img src="IMG_0319.jpg"/>
		</figure>
		<figure>
			<figcaption>哆啦A梦</figcaption>
			<img src="IMG_0319.jpg"/>
		</figure>
		<figure>
			<figcaption>哆啦A梦</figcaption>
			<img src="IMG_0319.jpg"/>
		</figure>
		<figure>
			<figcaption>哆啦A梦</figcaption>
			<img src="IMG_0319.jpg"/>
		</figure>
	</article>
	<article>
		<h1>最后一篇文章一级标题</h1>
		<h2>文章二级标题</h2>
		<p>
			<span>文章作者</span>
			<span>发表时间</span>
		</p>
		<ol>
			<li>排名一</li>
			<li>排名二</li>
			<li>排名三</li>
		</ol>
		<span>这是一个表格，边框为一为了看的更清楚</span>
		<table border="1px">
			<thead>
			<tr>
				<td>表头</td>
				<td>表头</td>
				<td>表头</td>
			</tr>
			</thead>
			<tfoot>
				<tr>
				<td>总计</td>
				<td colspan="2">1000</td>
			</tr>
			</tfoot>
			<tbody>
				<tr>
				<td>内容</td>
				<td>内容</td>
				<td><a href="#">操作</a></td>
			</tr>
			<tr>
				<td>内容</td>
				<td>内容</td>
				<td><a href="#">操作</a></td>
			</tr>
			<tr>
				<td>内容</td>
				<td>内容</td>
				<td><a href="#">操作</a></td>
			</tr>
			<tr>
				<td>内容</td>
				<td>内容</td>
				<td><a href="#">操作</a></td>
			</tr>
			</tbody>
		</table>
		</article>
		<aside>
			<h1>这是侧栏，这是侧栏标签</h1>
			<form action="" method="get">
				<label>请输入邮箱地址：<input type="email" placeholder="这是一个文本输入框" name="email"> </label>
				<p>邮箱按格式输入</p>
				<label id="psw">请输入密码：<input type="password" placeholder="这是一个文本输入框" name="mima"></label>
				<br/>
				<br/>
				<label id="psw2">重复输入密码：<input type="password" placeholder="这是一个文本输入框" name="mima2"></label>
				<P>密码为6到16位英文数字</P>
				<br/>

				
				<span>性别：</span>
				<label><input type="radio" name="xingbie" value="male" checked="checked"><span>男</span></label>
				<label><input type="radio" name="xingbie" value="famale"><span>女</span></label>

				<label id="city">城市：<select name="city">
					<option value="bj">北京</option>
					<option value="sz">深圳</option>
					<option value="cd">成都</option>
				</select></label>

				<div id="love">
				<span>爱好:</span>
				<label><input type="checkbox" name="spot">运动</label>
				<label><input type="checkbox" name="reading">读书</label>
				<label><input type="checkbox" name="know">科学</label>
				</div>

				<div id="miaoshu">
				<span>个人描述：</span>
				<textarea placeholder="输入个人描述"></textarea>
				</div>
				
				
			</form>
			<input type="submit" value="确认提交" name="sub">
		</aside>
	
	<footer>版权所有&copy</footer>
</body>
</html>